$(function(){
    // 需求一：获取用户信息，渲染用户中心--
    getUserInfo()
    // 需求二：退出功能
    $('.logout').on('click',function(){
        layui.layer.confirm('确认退出登录吗？', {icon: 3, title:'提示'}, function(index){
            //do something
            location.href='/login.html',
            localStorage.removeItem('token')
            layer.close(index);
          })
    })
})
function getUserInfo(){
    // 发起post请求，获取用户信息
    axios({
        url:'/my/userinfo',
        // headers:{
        //     Authorization:localStorage.getItem('token')
        // }
    }).then(({data:res})=>{
        // console.log(res)
        if(res.status!=0){
            return layer.msg(res.message)
        }
        rederAvatar(res.data)
    })
}

function rederAvatar(user){
    // 用户名优先显示nickname，没有则显示username
    let name = user.nickname||user.username
    $('.welcome').html('欢迎 '+name)
    // 图片有则显示图片，没有就显示文字头像
    if(user.user_pic==null){
       $('.text-avatar').text(name[0].toUpperCase())
       $('.user-info img').hide().next('span').show()
    }else{
        $('.user-info img').show().attr('src',user.user_pic).next('span').hide()
    }
}